// banner ctas

.banner-cta{
    position: relative;
    text-align: center;
    background-position: center center;
    background-size: cover;
    padding: 46px 0 40px;

    &:before{
        content: "";
        display:none;
        position:absolute;
        left:0; top:0;
        width:100%; height:100%;
        opacity: 0.78;
    }

    .h2{
        margin:0;
    }
    .h2 + .btn{
        margin-top:13px;
    }

    &--blue{
        background-color: $color-parse-blue;
        .h2{ color: white; }
        .btn--white{ color: $color-parse-blue; }
    }
    &--purple{
        background-color: $color-martinique;
        .h2{ color: white; }
        .btn--white{ color: $color-martinique; }
    }
    &--green{
        background-color: $color-carib-green;
        .h2{ color: white; }
        .btn--white{ color: $color-carib-green; }
    }
    &--tall{
        background-color: $color-parse-blue;
        padding: 70px 0 60px;

        &:before{ background-color: $color-parse-blue; display:block; }
        .h2{ color:white; }
    }
    &--gray{
      background-color: #f5f5f8;
      
    }
}
